/*
@font-face {
	font-family:'themixbold';
	src: url('https://client.engagr.nl/CZ/B2C/fonts/TheMix_Bold.eot');
	src: url('https://client.engagr.nl/CZ/B2C/fonts/TheMix_Bold.eot?#iefix') format('embedded-opentype'), url('https://client.engagr.nl/CZ/B2C/fonts/TheMix_Bold.woff') format('woff');
	font-weight:700;
	font-style:normal;
}

@font-face {
	font-family:'thesansplain';
	src: url('https://client.engagr.nl/CZ/B2C/fonts/TheSans_Plain.eot');
	src: url('https://client.engagr.nl/CZ/B2C/fonts/TheSans_Plain.eot?#iefix') format('embedded-opentype'), url('https://client.engagr.nl/CZ/B2C/fonts/TheSans_Plain.woff') format('woff');
}
*/

@font-face {
	font-family:'icomoon';
	src: url('https://client.engagr.nl/CZ/B2C/fonts/cz-site.eot');
	src: url('https://client.engagr.nl/CZ/B2C/fonts/cz-site.eot?#iefix') format('embedded-opentype'), url('https://client.engagr.nl/CZ/B2C/fonts/cz-site.woff') format('woff'), url('https://client.engagr.nl/CZ/B2C/fonts/cz-site.ttf') format('truetype'),url('https://client.engagr.nl/CZ/B2C/fonts/cz-site.svg#cz-site') format('svg');
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'rebranding';
	src: url('https://client.engagr.nl/CZ/B2C/fonts/rebranding.eot');
	src: url('https://client.engagr.nl/CZ/B2C/fonts/rebranding.eot?#iefix') format('embedded-opentype'), url('https://client.engagr.nl/CZ/B2C/fonts/rebranding.woff') format('woff'), url('https://client.engagr.nl/CZ/B2C/fonts/rebranding.ttf') format('truetype'), url('https://client.engagr.nl/CZ/B2C/fonts/rebranding.svg#rebranding') format('svg');
	font-weight:400;
	font-style:normal;
}

@font-face {
	font-family:'TheSans';
	font-weight:400;
	font-style:normal;
	src:url('https://client.engagr.nl/CZ/B2C/fonts/TheSansB4-5_Plain.woff2') format('woff2'), url('https://client.engagr.nl/CZ/B2C/fonts/TheSansB4-5_Plain.woff') format('woff');
}

@font-face {
	font-family:'TheSans';
	font-weight:700;
	font-style:normal;
	src:url('https://client.engagr.nl/CZ/B2C/fonts/TheSansB4-7_Bold.woff2') format('woff2'), url('https://client.engagr.nl/CZ/B2C/fonts/TheSansB4-7_Bold.woff') format('woff');
}

@font-face {
	font-family:'TheSans';
	font-weight:400;
	font-style:italic;
	src:url('https://client.engagr.nl/CZ/B2C/fonts/TheSansB4-5iPlainItalic.woff2') format('woff2'), url('https://client.engagr.nl/CZ/B2C/fonts/TheSansB4-5iPlainItalic.woff') format('woff');
}

@font-face {
	font-family: 'TheMix';
	font-weight:700;
	font-style:normal;
	src:url('https://client.engagr.nl/CZ/B2C/fonts/TheMixB4-7_Bold.woff2') format('woff2'), url('https://client.engagr.nl/CZ/B2C/fonts/TheMixB4-7_Bold.woff') format('woff');
}

.branding-bar .menu-container {
    float: right;
    margin: 0 auto;
    padding-top: 16.5px;
}

.branding-bar .menu-container .top-menu li {
    margin-right: 0;
    margin-left: 18px;
}	

.branding-bar .menu-container .top-menu a.underline:before {
    content: "";
    z-index: 100;
    position: absolute;
    left: 25%;
    right: 25%;
    bottom: 0;
    height: 2px;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.7);			
}

a[href^="http"]:not([data-icon-type]):not(.ankeiler-ext):not([href*=""]):not([href*="twitter.com"]):not([href*="facebook.com"]):not([href*="czjobs.nl"]):not(.primary-action-icon):not(.secondary-action-button):after, a[href^="http"]:not([data-icon-type]):not(.ankeiler-ext):not([href*=""]):not([href*="twitter.com"]):not(.primary-action-icon):not(.secondary-action-button):hover:after {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    content: none !important;
    font: .875em/1 icomoon;
    font-style: normal;
    font-variant: normal;
    padding-left: .5em;
    text-transform: none;
}
.no-icon:before {
	content: '';
	padding-right: 0;
}

/* AdBlock notification */

.primary-action:disabled {
  opacity: 0.2;
}

.quickframe {
  font-size: .8em;
  padding: 1em;
  border-radius: 9px;
  border: 1px solid #f4ddb9;
  background-color: #fff6eb;
}

.quickframe_select {
  min-height: 48px;
  padding: 10px;
}

.adblockTitle {
  color: #000;
  font: normal 1em/1.5 'TheMix',"Segoe UI Bold","Trebuchet MS",Arial,"Arial Black",sans-serif;
  font-size: 16px;
  padding: 0 0 10px 0;
}

.adblockContent {
  font-size: 16px;
}

.adblockNotification {
  position: relative;
}

.adblockClose {
  position: absolute;
  top: 11px;
  right: 32px;
}

.adblockClose a {
  display: block;
  width: 20px;
  color: #402400;
  font-size: 16px;
  font-weight: bold;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  border: none;
}

.adblockClose a:active {
  background: none;
}


/* Update 20-07-2018 */
body {
    font-family: 'TheSans', Helvetica, Arial, sans-serif !important;
    font-weight: 400;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-overflow-scrolling: touch;    
}
h1, h2, h3, h4 {
    font-family: 'TheMix', Helvetica, Arial, sans-serif;
    font-weight: 700;    
    margin: 0 0 .5rem;
}
h3 { 
    font-size: 20px;
    line-height: 1.35;
    color: #333;	
}
.branding-bar .menu-container .top-menu a,
#medi-nav>.top-navbar .tab>a, #medi-nav>.top-navbar .tab>span,
.c-collective-product__price .c-amount, .c-kiyoh__text, .c-product__price__amount, .c-verzekering-kort__price__amount, .like-h1, .like-h2, .like-h3, .like-h4, h1, h2, h3, h4 {
    font-family: 'TheMix', Helvetica, Arial, sans-serif !important;
    margin: 0 0 .5rem;
}
.primary-action,
#medi-nav .megadropdown>ul>li>a,
#medi-nav .dark-side .secondary-action-button {
    font-family: 'TheMix',Helvetica,Arial,sans-serif !important;
}

#medi-nav .dark-side .secondary-action-button {
    display: block;
}

p, 
form label, form fieldset, form legend,
form input, form select, form textarea,
#medi-nav .dark-side .link-collection .beta {
    font-family: 'TheSans',Helvetica,Arial,sans-serif !important;	
    font-weight: 400;
	font-style: normal;
}
form label, form fieldset, form legend {
    font-weight: 700;
}
#medi-nav .megadropdown>ul a {
    border-bottom: 1px solid #d3d1cc;
}
#medi-nav .megadropdown>ul span {
    padding: .6em 0 .6em 9px;
    font-weight: 700;
	border-bottom: 1px solid #d3d1cc;    
    color: #0071B2;
    text-decoration: none;
    color: #333;
    display: block;
    margin: 0;	
}


.branding-bar {
    background-color: #e40429;
    background: -webkit-gradient(linear,left top,right top,from(#ec6608),to(#e40429));
    background: -webkit-linear-gradient(left,#ec6608,#e40429);
    background: linear-gradient(90deg,#ec6608,#e40429);
    -webkit-transition: -webkit-transform .33s ease-out;
    transition: -webkit-transform .33s ease-out;
    transition: transform .33s ease-out;
    transition: transform .33s ease-out,-webkit-transform .33s ease-out;
    will-change: transform;
}

.page-footer nav section {
    padding-top: 16px;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}
.page-footer nav section ul>li {
    font-size: 16px;
    border-top: 1px solid #d3d1cc;
    border-bottom: none;
    line-height: 2.5em;
}
.page-footer nav section ul>li:first-child {
	border-top: none;	
}
.footer__nav__section {
    padding: 1.5rem 0;
    margin: .75rem;
    text-align: center;
}    
.page-footer .flat-link-list {
	display: inline-block !important;
}
.page-footer .flat-link-list li {
    padding: 0 9.7px;
}
.page-footer nav section h3 {
    color: #333;
    line-height: 1.8em;
    margin: 0;
}
.page-footer nav section ul>li {
    font-size: 16px;
    border-top: 1px solid #d3d1cc;
    border-bottom: none;
    line-height: 2.2em;
}    
.page-footer nav section a {
	color: #4a4843;
}
    
.page-footer .footer-payoff {
    position: relative;
    padding: 4rem;
    background: -webkit-gradient(linear,left top,right top,from(#ec6608),to(#e40429));
    background: -webkit-linear-gradient(left,#ec6608,#e40429);
    background: linear-gradient(90deg,#ec6608,#e40429);
    text-align: center;
}
.page-footer .footer-payoff .logo-text {
    color: #ffffff;
    font-family: 'TheMix',Helvetica,Arial,sans-serif;
    font-size: 1.2em;
}
.page-footer .footer-payoff .logo {
    background-image: url('https://www.cz.nl/static/site/img/cz_logo.svg') !important;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: contain;
    top: -26px;
    width: 74px;    
    height: 74px;
    position: absolute;
    left: 50%;;
    margin-left: -38px;
    z-index: 1;
}